function operation(className,info,img) {
  var isNum = 0;
  var imgLength = $("." + className + " .item");
  var potLength = $("." + className + " .pot .dot-item");
  var leftArrow = $("." + className + " .leftArrow");
  var rightArrow = $("." + className + " .rightArrow");
  $(potLength[0]).addClass('active')
  $('.'+className).css({
    width:info.w+'px',
    height:info.h+'px',
    border:'1px solid #0f0'
  })
  console.log($("body"));
  $(".body").css({
    height: (info.h -img.h - 26) + "px"
  });
  // console.log($('.'+className + " .info img")[0]);
    $('.'+className + " .item img").css({
      width:img.w+'%',
      height:img.h+'px'
    })
  function leftClick() {
    $(imgLength[isNum]).removeClass("itemActive");
    $(potLength[isNum]).removeClass("active");
    // $(potLength[isNum]).children()[0].src='./img/'+(isNum+1)+'-2.gif';
    // console.log($(potLength[isNum]).children()[0].src);
    if (isNum == 0) {
      isNum = imgLength.length - 1;
    } else {
      isNum = isNum - 1;
    }

    $(imgLength[isNum]).addClass("itemActive");
    $(potLength[isNum]).addClass("active");
    // $(potLength[isNum]).children()[0].src='./img/'+(isNum+1)+'.gif';
    
  }

  function rightClick() {
    $(imgLength[isNum]).removeClass("itemActive");
    $(potLength[isNum]).removeClass("active");
    // $(potLength[isNum]).children()[0].src='./img/'+(isNum+1)+'-2.gif';
    if (isNum == imgLength.length - 1) {
      isNum = 0;
    } else {
      isNum = isNum + 1;
    }
    $(imgLength[isNum]).addClass("itemActive");
    $(potLength[isNum]).addClass("active");
    // $(potLength[isNum]).children()[0].src='./img/'+(isNum+1)+'.gif';
  }
  function botClick() {
    
    $(imgLength[isNum]).removeClass("itemActive");
    $(potLength[isNum]).removeClass("active");
    // $(potLength[isNum]).children()[0].src='./img/'+(isNum+1)+'-2.gif';
    // console.log($(this));
    console.log($(this).index());
    // console.log($(this)[0].dataset.index);
    isNum = parseInt($(this).index());
    $(imgLength[isNum]).addClass("itemActive");
    $(potLength[isNum]).addClass("active");
    // $(potLength[isNum]).children()[0].src='./img/'+(isNum+1)+'.gif';
  }
  leftArrow.click(leftClick);
  rightArrow.click(rightClick);
  potLength.click(botClick);
  stop();
  run();
  var timer;
  // 自动轮播
  function run() {
    $("." + className).mouseleave(function () {
      timer = setInterval(function () {
        // console.log(333);
        // $(imgLength[isNum]).removeClass("itemActive");
        // $(potLength[isNum]).removeClass("active");
        // $(potLength[isNum]).children()[0].src = "./img/" + (isNum + 1) + ".gif";
        // if (isNum == imgLength.length - 1) {
        //   isNum = 0;
        // }
        // $(imgLength[isNum]).addClass("itemActive");
        // $(potLength[isNum]).addClass("active");
        // $(potLength[isNum]).children()[0].src = "./img/" + (isNum + 1) + "-2.gif";

        rightClick();
      }, 5000);
    });
  }
  function stop() {
    $("." + className).mouseenter(function () {
      // console.log(6666);
      clearInterval(timer);
    });
  }
  timer = setInterval(function () {
    // console.log(111);
    // $(imgLength[isNum]).removeClass("itemActive");
    // $(potLength[isNum]).removeClass("active");
    // $(potLength[isNum]).children()[0].src = "./img/" + (isNum + 1) + ".gif";
    // if (isNum == imgLength.length - 1) {
    //   isNum = 0;
    // }
    // $(imgLength[isNum]).addClass("itemActive");
    // $(potLength[isNum]).addClass("active");
    // $(potLength[isNum]).children()[0].src = "./img/" + (isNum + 1) + "-2.gif";
    rightClick();
  }, 5000);

  // // 监听标签页关闭，并停止轮播
  // if($(document)[0].visibilityState=='visible') {
  //   timer = setInterval(function () {
  //     console.log(77777);
  //     rightClick();
  //   }, 5000);
  // } else {
  //   clearInterval(timer);
  // }
}
